.group-name{
	font-size: 24rpx;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #999999;
	text-align: center;
}
.top-search{
	width: 100%;
	height: 200rpx;
	background: #FFFFFF;
	padding-left: 30rpx;
	padding-right: 30rpx;
	.top-search-menu{
		height: 100rpx;
		.menu-tabs{
			flex: 1;
			padding-left: 18rpx;
			.menu-tabs-bottom{
				position: relative;
				.menu-tabs-text{
					position: relative;
					z-index: 1;
					
					width: 126rpx;
					font-size: 30rpx;
					font-family: PingFangSC-Semibold, PingFang SC;
					font-weight: 600;
					color: #999999;
				}
				.menu-select{
					font-size: 36rpx;
					font-family: PingFangSC-Semibold, PingFang SC;
					font-weight: 600;
					color: #333333;
				}
				.menu-tabs-background{
					z-index: 0;
					position:absolute;
					left:-8rpx;
					bottom: -6rpx;
					
					width: 88rpx;
					height: 26rpx;
					background: linear-gradient(270deg, rgba(73,243,210,0) 0%, #23E2A6 100%);
					border-radius: 13rpx;
				}
				.menu-tabs-mark{
					position:absolute;
					z-index: 2;
					top:2rpx;
					right: 50rpx;
					width: 15rpx;
					height: 15rpx;
					border-radius: 50%;
					background-color: #1DC691;
				}
			}
		}
		.search-date{
			padding-right: 10rpx;
			.date-content{
				padding-right: 10rpx;
				text-align: center;
				font-size: 28rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #333333;
			}
			.date-drop{
				width: 20rpx;
				height: 20rpx;
			}
		}
	}
	.top-search-search{
		height: 100rpx;
		.search-input{
			flex: 1;
			height: 60rpx;
			background: #F5F5F5;
			border-radius: 15rpx;
			padding-right:20rpx;
			.inp{
			    flex:1;
			    font-size:28rpx;
			    color:#333;
			    margin-right:20rpx;
			}
			.input-icon{
				padding-left: 25rpx;
				padding-right: 29rpx;
			}
			.input-input{
				font-size: 28rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #CCCCCC;
			}
		}
	}
}
.classification{
	.heights{
		height:calc(100vh - (200rpx + var(--status-bar-height) + 100rpx + 120rpx + 180rpx));
	}
	.left-class{
		background: #FFFFFF;
		.class-cell{
			width: 200rpx;
			height: 100rpx;
			background: #FFFFFF;
			.class-cell-true{
				text-align: center;
				width: 180rpx;
				line-height: 80rpx;
				background: #1DC691;
				border-radius: 10rpx;
				font-size: 32rpx;
				font-family: AppleColorEmoji;
				color: #FFFFFF;
			}
			.class-cell-false{
				text-align: center;
				width: 180rpx;
				line-height: 80rpx;
				background: #ffffff;
				border-radius: 10rpx;
				font-size: 30rpx;
				font-family: AppleColorEmoji;
				color: #666666;
			}
		}
	}
	.right-class{
		flex: 1;
		.class-row-title{
			padding: 12rpx 0 15rpx 28rpx;
			font-size: 24rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #999999;
		}
		.class-row{
			height: 120rpx;
			padding-left: 30rpx;
			.class-row-icon{
				padding-top:25rpx;
				.row-fire{
					width: 30rpx;
					height: 30rpx;
					background: #1DC691;
					border-radius: 50%;
				}
			}
			.class-row-content{
				flex: 1;
				padding-top:19rpx;
				padding-left:20rpx;
				.row-name{ 
					
					font-size: 30rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #333333;
				}
				.row-consume{
					padding-top:10rpx;
					font-size: 24rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #999999;
				}
			}
			.class-row-check{
				height: 100%;
				padding: 0 34rpx;
				.row-check{
					width: 32rpx;
					height: 32rpx;
				}
			}
		}
	}
}
.diet-add{
	height: 120rpx;
	background: #FFFFFF;
	.add-icon{
		width: 60rpx;
		height: 60rpx;
		box-shadow: 0rpx 2rpx 8rpx 0rpx rgba(255,175,103,0.2);
		border-radius:50%;
	}
	.add-text{
		padding-left: 25rpx;
		font-size: 30rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #333333;
	}
}
.diet-button{
	position: fixed;
	z-index: 90;
	left:0;
	bottom: 0%;
	width: 100%;
	height: 180rpx;
	background: #FFFFFF;
	padding:30rpx 30rpx 0 30rpx; 
	.button-cart{
		width: 80rpx;
		height: 80rpx;
	}
	.button-content{
		padding-left: 14rpx;
		.button-type{
			font-size: 30rpx;
			font-family: PingFangSC-Semibold, PingFang SC;
			font-weight: 600;
			color: #333333;
		}
		.button-text{
			font-size: 28rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #666666;
		}
	}
	
}
.diet-shadow{
	position: fixed;
	z-index: 80;
	left:0;
	bottom: 0%;
	width: 100%;
	height: 180rpx;
	box-shadow: 0rpx -2rpx 8rpx 0rpx rgba(0,0,0,0.1);
}
.popup-edit{
	padding-top:28rpx;
	background: #FFFFFF;
	box-shadow: 0rpx -2rpx 8rpx 0rpx rgba(0,0,0,0.1);
	border-radius: 40rpx 40rpx 0rpx 0rpx;
	.edit-name{
		padding-left: 30rpx;
		padding-right: 58rpx;
		.edit-name-icon{
			width: 30rpx;
			height: 30rpx;
			background: #23E2A6;
			border-radius:50%;
		}
		.edit-name-content{
			height: 100%;
			padding-left: 20rpx;
			padding-top: 15rpx;
			.edit-name-text{
				font-size: 32rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #333333;
			}
			.edit-name-describe{
				padding-top: 8rpx;
				font-size: 24rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 500;
				color: #1DC691;
			}
		}
		.edit-collect{
			flex: 1;
			height: 100%;
			.edit-collect-icom{
				width: 40rpx;
				height: 40rpx;
			}
			.edit-collect-text{
				padding-left: 10rpx;
				font-size: 28rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #999999;
			}
			
		}
	}
	.edit-component{
		padding: 20rpx 30rpx 0 30rpx;
		.edit-component-content{
			height: 100rpx;
			background: #E9FCF6;
			border-radius: 20rpx;
			.component-content-cell{
				width: 25%;
				.component-content-title{
					padding-top: 10rpx;
					text-align: center;
					
					font-size: 24rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #666666;
				}
				.component-content-number{
					padding-top: 14rpx;
					text-align: center;
					
					font-size: 24rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #333333;
				}
			}
		}
	}
	.edit-input{
		padding-top:40rpx;
		display: flex;
		justify-content: center;
		.input-describe{
			flex: 1;
			position: relative;
			.input-describe-text{
				position:absolute;
				left:15rpx;
				top: 50rpx;
				line-height: 36rpx;
				max-width: 245rpx;
				font-size: 24rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #1DC691;
				vertical-align: bottom; 
			}
		}
		.edit-input-time{
			height: 80rpx;
			min-width: 100rpx;
			border-bottom: 2rpx solid #23E2A6;
			
			.input-time-text{
				padding-left: 20rpx;
				padding-right: 15rpx;
				font-size: 60rpx;
				font-family: 'din',DINAlternate-Bold, DINAlternate;
				font-weight: bold;
				color: #333333;
				vertical-align: bottom; 
			}
		}
		.edit-input-describe{
			padding-top:8rpx;
			text-align: center;
			font-size: 24rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #999999;
		}
	}
	.edit-unit{
		padding-top:50rpx;
		/*padding-left: 330rpx;*/
		.edit-unit-scroll{
			white-space: nowrap;
			width: 360rpx;
		}
		.edit-unit-text{
			display: inline-block;
			height: 40rpx;
			line-height: 40rpx;
			padding: 0 25rpx;
			font-size: 24rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #333333;
		}
		.unit-text-select{
			font-size: 30rpx;
			font-family: PingFangSC-Semibold, PingFang SC;
			font-weight: 600;
			color: #1DC691;
		}
	}
	.edit-keyboard{
		padding:60rpx 60rpx 0 60rpx;
		.edit-keyboard-button{
			width: 210rpx;
			height: 100rpx;
			font-size: 40rpx;
			font-family: PingFangSC-Semibold, PingFang SC;
			font-weight: 600;
			color: #333333;
			line-height: 100rpx;
			text-align: center;
			.keyboard-button-image{
				width: 50rpx;
				height: 50rpx;
			}
		}
		.edit-keyboard-button:active {  
		  background-color: rgba(0, 0, 0, 0.1);
		  border-radius: 10rpx;
		}
	}
	.confirm-button{
		padding: 40rpx 0;
	}
}
.checkPopup{
	background: #FFFFFF;
	border-radius: 40rpx 40rpx 0rpx 0rpx;
	padding-bottom: 180rpx;
	.checkPopup-row{
		width: 100%;
		height: 100rpx;
		padding: 0 30rpx;
		.checkPopup-row-cell{
			flex: 1;
			.checkPopup-row-fire{
				width: 30rpx;
				height: 30rpx;
				background: #1DC691;
				border-radius: 50%;
			}
			.checkPopup-row-name{
				width: 300rpx;
				white-space: nowrap;  
				overflow: hidden;  
				text-overflow: ellipsis;  
				
				padding-left: 20rpx;
				font-size: 30rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #333333;
			}
		}
		.checkPopup-row-content{
			
			.checkPopup-row-time{
				padding-right: 10rpx;
				font-size: 30rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #333333;
			}
			.checkPopup-row-edit{
				width: 24rpx;
				height: 24rpx;
			}
		}
		.checkPopup-row-button{
			width: 200rpx;
			.checkPopup-row-calorie{
				padding-right: 30rpx;
				font-size: 24rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #999999;
			}
			.checkPopup-row-del{
				width: 40rpx;
				height: 40rpx;
			}
		}
	}
	.checkPopup-upload{
		padding: 40rpx;
		.checkPopup-upload-image{
			width: 160rpx;
			height: 160rpx;
			position: relative;
			/*padding-right: 10rpx;*/
			margin-right: 10rpx;
			.upload-image-img{
				width: 160rpx;
				height: 160rpx;
				border-radius: 10rpx;
			}
			.upload-image-del{
				position:absolute;
				top:114rpx;
				left:114rpx;
				
				width: 40rpx;
				height: 40rpx;
				background: rgba(0,0,0,0.5);
				border-radius: 50%;
				.image-del-icon{
					width: 32rpx;
					height: 32rpx;
				}
			}
		}
		.checkPopup-upload-image:nth-child(4) {  
		  padding-right: 0;
		}
		.upload-cell-button{
			display: flex;  
			flex-direction: column;  
			justify-content: center;  
			align-items: center; 
			  
			width: 160rpx;
			height: 160rpx;
			border-radius: 4rpx;
			border: 2rpx dashed #CCCCCC;
			.cell-content-icon{
				width: 50rpx;
				height: 50rpx;
			}
			.cell-content-text{
				padding-top: 20rpx;
				font-size: 24rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #CCCCCC;
			}
		}
	}
}
.popup-add{
	width: 100%;
	background: #FFFFFF;
	border-radius: 20rpx 20rpx 0rpx 0rpx;
	transform: translateY(0);
	transition: transform 0.3s ease;
	.popup-title{
		position: relative;
		height: 100rpx;
		border-radius: 20rpx 20rpx 0rpx 0rpx;
		border-bottom: 1rpx solid #E5E5E5;
		.title-text{
			font-size: 32rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #333333;
		}
		.title-icon{
			position:absolute;
			top:32rpx;
			right: 30rpx;
			width: 36rpx;
			height: 36rpx;
		}
	}
	.form-add{
		padding-top:37rpx;
		.forms-item-describe{
			height: 36rpx;
			padding-left: 133rpx;
			padding-top: 8rpx;
			font-size: 24rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #999999;
		}
		.forms-item{
			.forms-item-label{
				padding-right: 20rpx;
				text-align: right;
				width: 133rpx;
				font-size: 28rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #333333;
			}
			.forms-item-input{
				padding-left: 20rpx;
				width: 340rpx;
				height: 80rpx;
				background: #F5F5F5;
				border-radius: 10rpx;
			}
			.uni-forms-item{
				margin-bottom: 0;
			}
			.add-radio{
				margin-left: 20rpx;
				background: #F5F5F5;
				.add-radio-cell{
					text-align: center;
					width: 85rpx;
					line-height: 60rpx;
					background: #F5F5F5;
					border: 1rpx solid #F6EEE6;
					
					
					font-size: 28rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #CCCCCC;
				}
				.add-radio-yes{
					background: #1DC691;
					font-size: 30rpx;
					font-family: PingFangSC-Semibold, PingFang SC;
					font-weight: 600;
					color: #FFFFFF;
					border:none;
				}
				.add-radio-cell:first-child {  
					border-radius: 10rpx 0rpx 0rpx 10rpx;
				}
				.add-radio-cell:last-child {  
				  border-radius: 0rpx 10rpx 10rpx 0rpx;
				}
			}
		}
	}
	.confirm-button{
		padding-bottom: 50rpx;
	}
}
.programme-mark{
	padding:0 5rpx;
	height: 30rpx;
	border-radius: 8rpx;
	
	font-size: 24rpx;
	font-family: PingFangSC, PingFang SC;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 30rpx;
}